import { RouteRecordRaw } from 'vue-router'

const routeName = 'ts'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/ts',
    name: `${routeName}-1`,
    component: () => import('@/components/Suspense.vue'),
    redirect: '/ts/1',
    meta: {title: 'ts'},
    children:[
      {
        path: '/ts/1',
        name: `${routeName}-1`,
        component: () => import('@/views/Ts/Interface.vue'),
        meta: {title: 'ts1'}
      },
      {
        path: '/ts/2',
        name: `${routeName}-2`,
        component: () => import('@/views/Ts/Generic.vue'),
        meta: {title: 'ts2'}
      },
      {
        path: '/ts/3',
        name: `${routeName}-3`,
        component: () => import('@/views/Ts/Symbol.vue'),
        meta: {title: 'ts3'}
      },
    ]
  },
]

export default routes